﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <div>
        <h2>Tính hóa đơn</h2>
        <td style="border: 1px solid black">
            <table>
                <tr>
                    <td width="100px">
                        Mã hàng
                    </td>
                    <td>
                        <input type="text" value="SP1" />
                    </td>
                </tr>
                <tr>
                    <td width="100px">
                        Số lượng
                    </td>
                    <td>
                        <input type="text" value="12" />
                    </td>
                </tr>
                <tr>
                    <td>
                        Giá
                    </td>
                    <td>
                        <input type="text" value="105000" />
                    </td>
                </tr>
                <tr>
                    <td>
                        Tổng tiền
                    </td>
                    <td>
                        <input type="text" value="" /><input type="button" value="v" /><br />
                        <div style="position: relative">
                            <table width="250px" style="border: 1px solid; background-color: yellow; position: absolute; right: -260px; top: -25px">
                                <tr>
                                    <td width="100px">
                                        Số thứ nhất
                                    </td>
                                    <td>
                                        <input type="text" value="" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Số thứ hai
                                    </td>
                                    <td>
                                        <input type="text" value="" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Kết quả
                                    </td>
                                    <td>
                                        <input type="text" value="" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                    </td>
                                    <td>
                                        <input type="radio" id="add" /><label for="add">+</label>
                                        <input type="radio" id="substract" /><label for="substract">-</label>
                                        <input type="radio" id="multiply" /><label for="multiply">*</label>
                                        <input type="radio" id="div" /><label for="div">/</label>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                    </td>
                                    <td>
                                        <input type="button" value="Tính" />
                                        <input type="button" value="Copy" />
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <input type="button" value="Ghi nhận" /><br />
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <select style="width: 100%" size="5" disabled="disabled" multiple="multiple">
                            <option value="sp1">SP1 - 12 - 105,000 - 1,260,000 </option>
                            <option value="sp1">SP2 - 10 - 105,000 - 1,050,000 </option>
                            <option value="sp1">Tổng cộng - 2,310,000 </option>
                        </select>
                    </td>
                </tr>
            </table>
            <div>
                <h3>Yêu cầu</h3>
                <ul>
                    <li>Cho phép gõ vô mã hàng, số lượng, giá mặt hàng</li>
                    <li>Click button [v] thì hiện lên khung máy tính, click lần nữa thì ẩn đi</li>
                    <li>Điền số vô, chọn phép tính, click [Tính] thì hiện kết quả lên</li>
                    <li>Click [Copy] thì đưa kết quả vô ô [Tổng tiền]</li>
                    <li>Click [Ghi nhận] thì lưu kết quả tính của mặt hàng này lại, hiện trong list box bên dưới</li>
                    <li>List box không cho user thay đổi nội dung</li>
                    <li>Tắt trình duyệt trong vòng 3 ngày, mở lại thì ô listbox hiện lại những sản phẩm đã nhập trước đó, và có thể nhập thêm sản phẩm mới</li>
                    <li>Nếu nhập mã sản phẩm trùng với cái đã có thì ghi đè lên (trong ô list box)</li>
                    <li>Yêu cầu chạy ajax, không giật khi ẩn hiện cái&nbsp; [Máy tính]</li>
                    <li>GOOD LUCK! THINK SIMPLE ACT SIMPLE</li>
                </ul>
            </div>
    </div>
</body>
</html>
